<template>
  <div style="margin: 0 0.75rem 0 0.75rem;">
    <Tabs type="normal" act="0">
      <Tab title="切换一" >
        type="normal"
      </Tab>
      <Tab title="切换二" act="0">
        hello andrond
        <input type="text" name="">
      </Tab>
    </Tabs>

    <Tabs type="pills" act="0">
      <Tab title="切换一" >
        type="pills"
      </Tab>
      <Tab title="切换二" act="0">
        hello andrond
        <input type="text" name="">
      </Tab>
    </Tabs>

    <Tabs type="normal" act="0">
      <Tab title="切换一" >
        hello wordhello wordhello
      </Tab>
      <Tab title="切换二" >
        hello andrond
        <input type="text" name="">
      </Tab>
      <Tab title="tabname3" >
        hello ios
        hello ios
        hello ios
        hello ios
        hello ios
        hello ios hello ios hello ios
        hello ios hello ios hello ios hello ios
      </Tab>
    </Tabs>

    <Tabs type="normal" act="0">
      <Tab title="当前选项" >
        hello wordhello wordhello
      </Tab>
      <Tab title="切换二" >
        hello andrond22
        <input type="text" name="">
      </Tab>
      <Tab title="切换三" >
        hello andrond33
        <input type="text" name="">
      </Tab>
      <Tab title="切换四" >
        hello andrond44
        <input type="text" name="">
      </Tab>
      <Tab title="切换五" >
        hello andrond55
        <input type="text" name="">
      </Tab>
      <Tab title="切换六" >
        hello andrond66
        <input type="text" name="">
      </Tab>
      <Tab title="切换七" >
        hello ios 777
        hello ios
        hello ios
        hello ios
        hello ios
        hello ios hello ios hello ios
        hello ios hello ios hello ios hello ios
      </Tab>
    </Tabs>

    <Tabs type="title" act="0">
      <Tab title="切换一" >
        type="title"
      </Tab>
      <Tab title="切换二" act="0">
        hello andrond
        <input type="text" name="">
      </Tab>
    </Tabs>

    <Tabs type="title" act="0">
      <Tab title="当前选项" >
        type="title"
      </Tab>
      <Tab title="切换二" >
        hello andrond22
        <input type="text" name="">
      </Tab>
      <Tab title="切换三" >
        hello andrond33
        <input type="text" name="">
      </Tab>
      <Tab title="切换四" >
        hello andrond44
        <input type="text" name="">
      </Tab>
    </Tabs>

  </div>
</template>

<script>
import Tab from '@/components/Tab'
import Tabs from '@/components/Tabs'
export default {
  components:{
     'Tabs':Tabs,
     "Tab":Tab
  },
  data(){
    return{

    }
  },
  methods:{

  },
  events:{
    'tba-msg'(msg){
      console.log(msg)
    }
  }
}
</script>
